
<div class="toolbar bgc-blue-grey-800 tc-white-1  coupon_top">
    <span class="toolbar__label fs-title">我的优惠券</span>
</div>


<div style="height:45px;margin-top:5px;">
    <div flex-container="row" style="border:2px solid;border-radius:25px;-moz-border-radius:25px;width:80%;height:40px;z-index:9999;overflow:hidden;margin:0 auto;">
        <button style="width:33%;-webkit-tap-highlight-color:rgba(255,255,255,0);" ng-click="content(2)" ng-class="{true:'bgc-light-blue-400 tc-white ',false:'bgc-white tc-light-blue-400'}[isDate==2]" class="left btn  btn--m " >未过期</button>
        <button style="width:34%;-webkit-tap-highlight-color:rgba(255,255,255,0);" ng-click="content(1)" ng-class="{true:'bgc-light-blue-400 tc-white ',false:'bgc-white tc-light-blue-400'}[isDate==1]" class="right btn btn--m ">已过期</button>
        <button style="width:33%;-webkit-tap-highlight-color:rgba(255,255,255,0);" ng-click="content(3)" ng-class="{true:'bgc-light-blue-400 tc-white ',false:'bgc-white tc-light-blue-400'}[isDate==3]" class="left btn  btn--m " >已使用</button>
    </div>    
</div>
<div id="qrcodeCanvas"></div>
<div ng-if="!has_coupon" style="width:100%;padding:20%;background-color:#fff;color:black;">暂无此类优惠券，快去扫扫吧!</div>

<div infinite-scroll="myPage()" infinite-scroll-distance="0"  infinite-scroll-disabled='scroll_switch'>
    <div flex-item  class="coupon_mg"   ng-repeat="coupon in coupons">
        <div class="card" style="color:black;">
            <div class="card__img card__img--top">
                <a href="#/mycards/0/coupon/{{coupon.id}}" style="-webkit-tap-highlight-color:rgba(255,255,255,0);"><img ng-src="{{coupon.img_dir}}"></a>
            </div>
            <div class="p+">
                <span class="fs-title display-block " >{{coupon.subject}}</span>
                <div class="paragraph fs-body-1" >
                    <p style="color:black;">
                     活动时间：{{coupon.start_time}}至{{coupon.end_time}}
                    </p>
                </div>
            </div>
            <div class="card__actions">
                <button ng-click="delete_coupon(coupon)" class="btn btn--l btn--red btn--flat " style="-webkit-tap-highlight-color:rgba(255,255,255,0);"><i class="mdi mdi-delete"></i>删除</button>
                <a href="#/mycards/0/coupon/{{coupon.id}}"><button id="go_top" class="btn btn--l btn--orange btn--flat right" style="-webkit-tap-highlight-color:rgba(255,255,255,0);"><i class="mdi mdi-eye">查看详情</i></button></a>
            </div>
        </div>
    </div>
</div>
